<h1 id="titulo"> Reportes </h1>
<script type="text/javascript">

    jQuery(function ($) {
        $('.date-pick').datepicker({ dateFormat: 'yy-mm-dd' });
    });
</script>

<div class="formulario" align="left" style="margin-top: 10px">
    <h2> Clientes con mas reservaciones </h2>
    <form id="form" method="GET"action="<?php echo url_for('graficos/index?reporte=cliente');?>">
        <table align="center" cellpadding="1">
            <tbody>
            <li>
                <label for="date1">Fecha 1:</label>
                <input name="date1" id="date1" class="date-pick" />
            </li>
            <li>
                <label for="date2">Fecha 2:</label>
                <input name="date2" id="date2" class="date-pick" />

            </li>
            </tbody>
            <tfoot>
            <td colspan="2">
                <input type="submit"  class="btn green" value="Confirmar" />
                <input type="hidden" name="tipo" value="cliente">
            </td>
            </tfoot>
        </table>
    </form>
</div>
<div class="formulario" align="left" style="margin-top: 10px">
    <h2> Ingresos por salas </h2>
    <form id="form" method="GET"action="<?php echo url_for('graficos/index');?>">
        <table align="center" cellpadding="1">
            <tbody>
            <li>
                <label for="date3">Fecha 1:</label>
                <input name="date3" id="date3" class="date-pick" />
            </li>
            <li>
                <label for="date4">Fecha 2:</label>
                <input name="date4" id="date4" class="date-pick" />

            </li>
            </tbody>
            <tfoot>
            <td colspan="2">
                <input type="submit"  class="btn green" value="Confirmar" />
                <input type="hidden" name="tipo" value="sala">
            </td>
            </tfoot>
        </table>
    </form>
</div>
<div class="formulario" align="left" style="margin-top: 10px">
    <h2> Clientes con mas inasistencias </h2>
    <form id="form" method="GET"action="<?php echo url_for('graficos/index');?>">
        <table align="center" cellpadding="1">
            <tbody>
            <li>
                <label for="date5">Fecha 1:</label>
                <input name="date5" id="date5" class="date-pick" />
            </li>
            <li>
                <label for="date6">Fecha 2:</label>
                <input name="date6" id="date6" class="date-pick" />

            </li>
            </tbody>
            <tfoot>
            <td colspan="2">
                <input type="submit"  class="btn green" value="Confirmar" />
                <input type="hidden" name="tipo" value="inasistencia">
            </td>
            </tfoot>
        </table>
    </form>
</div>
<div class="formulario" align="left" style="margin-top: 10px">
    <h2> Clientes con mas suspensiones </h2>
    <form id="form" method="GET"action="<?php echo url_for('graficos/index');?>">
        <table align="center" cellpadding="1">
            <tbody>
            <li>
                <label for="date7">Fecha 1:</label>
                <input name="date7" id="date7" class="date-pick" />
            </li>
            <li>
                <label for="date8">Fecha 2:</label>
                <input name="date8" id="date8" class="date-pick" />

            </li>
            </tbody>
            <tfoot>
            <td colspan="2">
                <input type="submit"  class="btn green" value="Confirmar" />
                <input type="hidden" name="tipo" value="suspension">
            </td>
            </tfoot>
        </table>
    </form>
</div>